<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- Always Include start -->
<link rel="shortcut icon" href="favicon.ico" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/esCore.css" rel="stylesheet" />
<link type="text/css" href="css/jq/es.jqui1.8.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jq/es.jqui1.8.min.js" ></script>
<script type="text/javascript" src="js/jq/jquery.corner.js"></script>
<script type="text/javascript" src="js/esCore.js"></script>
<script type="text/javascript" src="js/jq/jquery.tools.min.js"></script>
<!-- Always Include ends -->
<title>Welcome to EduCreek</title>
<style>
#NoIE{
	padding:5px;
	width:700px;
	text-align: center;
	border: 2px solid;
	color:#993300;
}

.bicon{
	float:left;
	margin:5px 10px;
}

#whyOther{
	margin:0 auto;
	width:600px;
}

#whyOther td{
	border:none;
	width:300px;
	color:#993300;
}

#whyOther td.lft{
text-align: left;
}

#whyOther td.rt{
text-align: right;
}
	
</style>
</head>

<body>
<div id="NoIE" title="Upgrade Your Web Browser" style="display:none;">
	<div>
		<h2>Your web browser is outdated</h2>
		<p>You can easily upgrade your browser or switch to a better browser</p>
	</div>
	<table id="whyOther">
		<tr>
			<td class="lft"><h4 style="color:black">Why Should I Upgrade?</h4></td>
		</tr>
		<tr>
			<td class="lft"><strong>Web sites load faster</strong><br/>often double the speed of this browser</td>
			<td class="rt"><strong>Web sites render correctly</strong><br/>with more web standard compliance</td>
		</tr>
		<tr>
			<td class="lft"><strong>Tabbed Interface</strong><br/>you can view multiple sites in one window</td>
			<td class="rt"><strong>Safer Browsing</strong><br/>with better security and Phishing protection</td>
		</tr>
	</table>
	<div style="margin-top:10px;">
		<div style="font-size:12px;">
		Click on the icon below to download a better browser
		</div>
		<div style="margin: 0 auto; width:650px" class="clearfix">
			<wicket:link>
			<div class="bicon"><a href="http://www.mozilla.com/firefox/" id="ff"><img src="images/browser_firefox.gif" /></a><br/><div>Firefox 3.0+</div></div>
			</wicket:link>
			<wicket:link>
			<div class="bicon"><a href="http://www.google.com/chrome" id="ch"><img src="images/browser_chrome.gif" /></a><br/><div>Chrome 2.0+</div></div>
			</wicket:link>
			<wicket:link>
			<div class="bicon"><a href="http://www.opera.com/download/" id="op"><img src="images/browser_opera.gif" /></a><br/><div>Opera 9.5+</div></div>
			</wicket:link>
			<wicket:link>
			<div class="bicon"><a href="http://www.apple.com/safari/download/" id="sa"><img src="images/browser_safari.gif" /></a><br/><div>Safari 3.0+</div></div>
			</wicket:link>
			<wicket:link>
			<div class="bicon"><a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx" id="ie"><img src="images/browser_ie.gif" /></a><br/><div>IE 8.0+</div></div>
			</wicket:link>
		</div>
	</div>
</div>

<!--[if lte IE 6]>
<script type="text/JavaScript">
	$('#NoIE').dialog({
            autoOpen: true,
            width: 700,
            modal: true,
            buttons: {
                "I will continue using old browser": function() { 
                    $(this).dialog("close"); 
                } 
            }
        });
        
</script>
<![endif]-->

<div class="ln-outer">
    <table cellspacing="0">
    <tr class="ln-hd">
        <td>
        <div>
            <img class="ln-logo" src="images/icons/dw_logo50.gif"/>
        </div>
        </td>
        <td>
        </td>
    </tr>
    <tr class="ln-main">
        <!--<div class="ln-main">-->
            <td class="ln-lbox">
                <div style="margin-top:15px;">
                    <h2 class="ln-main-title">Welcome to EduCreek</h2>
                    <p class="ln-ltxt">
                    EduCreek helps universities to boost performance and efficiency. It is the online version of your university where you have total control of your information. Here are a few ways you can use Edushare to improve productivity and collaboration:
                    </p>
                    <div style="padding-left:40px;">
                    	<p class="featureHead">Be in control</p>
                    	<p class="featureTxt">Manage your universities, departments, courses, people, academic programs, batches, schedules and more.</p>
                    	<p class="featureHead">Communicate</p>
                    	<p class="featureTxt">Post messages to universities, departments, courses and other groups. Reply and discuss messages. Notice boards are now a thing of the past.</p>
                    	<p class="featureHead">Stay organized</p>
                    	<p class="featureTxt">Your personal calendar where you can schedule tasks. Departmental, university and course calendars makes setting up meetings, appointments and events for these groups easy.</p>
                    	<p class="featureHead">Files, Assignments and Projects</p>
                    	<p class="featureTxt">Share files and folders and give people immediate access to your information. No more e-mail attachments.<br/>Assignment creation, submission, feedback and evaluation is now online; say goodbye to paper and e-mail.</p>
                    	<p class="featureHead">Finger on the pulse</p>
                    	<p class="featureTxt">Setup polls and surveys in minutes. Gathering student and teacher feedback is now a child's play.</p>
                    	<p class="featureHead">What's next?</p>
                    	<p class="featureTxt">Grade management, placement and internship management.</p>
                    </div>    
                    <p class="ln-ltxt"></p>
                </div>
            </td>
            <td class="ln-rbox">
                <div class="ln-formDiv">
                    <div class="ln-boximg">
                        <img src="images/icons/d_logo100.gif"/>
                    </div>
                    <div  wicket:id="msg" style="color:red;"></div>                
                    <form wicket:id="loginform" class="ln-form">
                        <p>
                            <label><strong>User Name:</strong></label><br/>
                            <input wicket:id="username" class="firstField ln-input" type="text" style="width:250px;"/>
                        </p>
                        <p>
                            <label><strong>Password:</strong></label><br/>
                            <input  wicket:id="password" class="ln-input" type="password" style="width:250px;"/>
                        </p>
                        <p>
                        <input type="submit" class="es-button ui-state-default ui-corner-all" value="Login"/>
                        <span style="float:right;font-size:10px;"><a href="#" wicket:id="lostPassword">Forgot Password?</a></span>
                        </p>
                    </form>
                </div>
            </td>
        <!--</div>-->
    </tr>
    <tr   class="ln-ft"  style="padding-top:50px;">
            <td><span wicket:id="footerLinks">footer links</span></td>
            <td><span style="font-size:11px;float:right; padding-right:50px;"><a href="http://educreek.com">About EduCreek</a>&nbsp;&nbsp;&nbsp;&nbsp;&copy; <a href="http://muton.in">Mu.ton</a></span></td>
    </tr>
    </table>
</div>
</body>
</html>